<!--
 * @Author: TANGB02 13233582+Ace-Tang@user.noreply.gitee.com
 * @Date: 2024-03-10 11:18:04
 * @LastEditors: TANGB02 13233582+Ace-Tang@user.noreply.gitee.com
 * @LastEditTime: 2024-03-12 10:01:00
 * @FilePath: \ycq\ycq\ycq1.0\src\pages\nav\about.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="aboutUs">
    <div class="title">简介</div>
    <div class="words">
      {{ text }}
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
const text = ref("");
text.value =
  "        领养之家是一个纯属个人组织，能力有限，不以盈利为目的，只对从领养之家领养的猫、狗提供服务，不对外营业,因场地有限等因素的影响，我们仍暂缓提供寄养服务，感谢理解.";
</script>
<style scoped>
.aboutUs {
  display: flex;
  flex-flow: column nowrap;
  width: 800px;
  max-height: 1300px;
  background-color: aliceblue;
  padding-bottom: 30px;
  .title {
    font-size: 16px;
    color: #423834;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
  }
  .words {
    font-size: 14px;
    color: #816d65;
    line-height: 26px;
    padding: 0px 40px 30px 40px;
    white-space: pre-wrap;
  }
}
</style>
